<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns:u="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns="http://www.w3.org/1999/xhtml">

<body>
	<u:composition template="/pages/layout/pageLayout.xhtml">
		<u:define name="body">
			<h:form id="form">
				<p:panel id="panelFiltro" header="#{msgs.common_filtros}"
					rendered="#{!seccionController.addEdit}">
					<h:panelGrid columns="5">
						<h:outputText value="#{msgs.admSeccion_nombre}" />
						<p:inputText value="#{seccionController.query.nombre}"
							maxlength="200" size="50" />

						<p:commandButton value="Consultar"
							actionListener="#{seccionController.query}" update="dataTable">
						</p:commandButton>
					</h:panelGrid>
				</p:panel>

				<h:outputText value="&#160;" />

				<p:growl id="messages" life="5000" />
				<p:dataTable id="dataTable" var="objeto"
					value="#{seccionController.lazyDM}" paginator="true" rows="10"
					paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10,15,20"
					rendered="#{!seccionController.addEdit}"
					emptyMessage="No se encontraron registros" dynamic="true"
					lazy="true">

					<f:facet name="header">
						<h:outputText value="#{msgs.admSeccion_title}" />
					</f:facet>

					<p:column>
						<f:facet name="header">
							<h:outputText value="#{msgs.admSeccion_nombre}" />
						</f:facet>
						<h:outputText value="#{objeto.nombre}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="#{msgs.admSeccion_observaciones}" />
						</f:facet>
						<h:outputText value="#{objeto.observaciones}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="#{msgs.admSeccion_padre}" />
						</f:facet>
						<h:outputText value="#{objeto.padre.nombre}" />
					</p:column>


					<p:column style="width:80px">
						<f:facet name="header">
							<h:outputText value="#{msgs.common_opciones}" />
						</f:facet>
						<h:panelGrid columns="3">
							<p:commandLink actionListener="#{seccionController.edit}"
								update=":form">
								<h:graphicImage url="/resources/images/edit.gif"
									title="Modificar" style="border:0px" />
							</p:commandLink>
							<h:commandLink actionListener="#{seccionController.delete}"
								onclick="return confirm('¿Está seguro de eliminar el registro?');">
								<h:graphicImage url="/resources/images/delete.gif"
									title="Eliminar" style="border:0px" />
							</h:commandLink>
						</h:panelGrid>
					</p:column>

					<f:facet name="footer">
						<p:commandButton value="#{msgs.common_agregar}"
							actionListener="#{seccionController.add}" update=":form" />
					</f:facet>
				</p:dataTable>


				<h:panelGrid id="panel" columns="1"
					rendered="#{seccionController.addEdit}">

					<p:focus for="nombreIT" />
					<p:panel header="#{msgs.admSeccion_altaModificacion}">
						<h:panelGrid columns="3">
							<h:outputText value="#{msgs.admSeccion_nombre}" />
							<p:inputText id="nombreIT"
								value="#{seccionController.view.nombre}" maxlength="200"
								size="50">
								<f:validateBean for="nombreIT" />
							</p:inputText>
							<h:message id="mnIT" for="nombreIT" />

							<h:outputText value="#{msgs.admSeccion_observaciones}" />
							<p:inputTextarea id="observacionesITA" maxlength="200" cols="50" rows="5"
								counter="observacionesContador"
								counterTemplate="{0} caracteres disponibles"
								value="#{seccionController.view.observaciones}">
							</p:inputTextarea>
							<h:outputText id="observacionesContador" />

							<h:outputText value="#{msgs.admSeccion_padre}" />
							<p:selectOneMenu value="#{seccionController.view.padre.id}"
								style="width: 100% !important;">
								<f:selectItem itemLabel="Seleccione" itemValue="" />
								<f:selectItems value="#{seccionController.seccionSIL}" />
							</p:selectOneMenu>
							<h:outputText value="" />

						</h:panelGrid>

					</p:panel>

					<!-- ================================================== -->
					<!-- Opciones											-->
					<!-- ================================================== -->
					<h:panelGrid columns="2">
						<p:commandButton value="#{msgs.common_guardar}"
							actionListener="#{seccionController.save}" update=":form">
						</p:commandButton>
						<p:commandButton value="#{msgs.common_volver}"
							actionListener="#{seccionController.cancel}" immediate="true"
							update=":form">
						</p:commandButton>
					</h:panelGrid>
				</h:panelGrid>
			</h:form>

		</u:define>
	</u:composition>
</body>
</html>